import React from 'react';
/* 
  1. 引入 useEffect Hook
*/
import { useEffect,useState} from "react"
const App = () => {

  // 2. 调用 useEffect,可以接受两个参数，第一个参数是一个回调函数，
  //第二参数是一个数组,并且数组不为空，只有数组中的值发生改变的时候，回调函数才会执行
  let [count,setCount] = useState(0);
  let [str,setStr] = useState("小坏蛋！！");

  useEffect(()=>{
    // 发请求，获取数据
    console.log("123");
    return ()=>{
      console.log("返回函数执行了");
    }
  },[count])
  return (
    <div>
      <h1>{count}</h1>
      <button onClick={()=>{
        setCount(count+1);
      }}>+1</button>
    </div>
  );
}

export default App;
